﻿<!DOCTYPE html>
<html>
  <head>
    <title>4.3 手机号注册</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/4_3_手机号注册/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-3.2.1.min.js"></script>
    <script src="resources/scripts/axure/axQuery.js"></script>
    <script src="resources/scripts/axure/globals.js"></script>
    <script src="resources/scripts/axutils.js"></script>
    <script src="resources/scripts/axure/annotation.js"></script>
    <script src="resources/scripts/axure/axQuery.std.js"></script>
    <script src="resources/scripts/axure/doc.js"></script>
    <script src="resources/scripts/messagecenter.js"></script>
    <script src="resources/scripts/axure/events.js"></script>
    <script src="resources/scripts/axure/recording.js"></script>
    <script src="resources/scripts/axure/action.js"></script>
    <script src="resources/scripts/axure/expr.js"></script>
    <script src="resources/scripts/axure/geometry.js"></script>
    <script src="resources/scripts/axure/flyout.js"></script>
    <script src="resources/scripts/axure/model.js"></script>
    <script src="resources/scripts/axure/repeater.js"></script>
    <script src="resources/scripts/axure/sto.js"></script>
    <script src="resources/scripts/axure/utils.temp.js"></script>
    <script src="resources/scripts/axure/variables.js"></script>
    <script src="resources/scripts/axure/drag.js"></script>
    <script src="resources/scripts/axure/move.js"></script>
    <script src="resources/scripts/axure/visibility.js"></script>
    <script src="resources/scripts/axure/style.js"></script>
    <script src="resources/scripts/axure/adaptive.js"></script>
    <script src="resources/scripts/axure/tree.js"></script>
    <script src="resources/scripts/axure/init.temp.js"></script>
    <script src="resources/scripts/axure/legacy.js"></script>
    <script src="resources/scripts/axure/viewer.js"></script>
    <script src="resources/scripts/axure/math.js"></script>
    <script src="resources/scripts/axure/jquery.nicescroll.min.js"></script>
    <script src="data/document.js"></script>
    <script src="files/4_3_手机号注册/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- 标题栏 (动态面板) -->
      <div id="u940" class="ax_default" data-label="标题栏">
        <div id="u940_state0" class="panel_state" data-label="状态1" style="">
          <div id="u940_state0_content" class="panel_state_content">

            <!-- Unnamed (矩形) -->
            <div id="u941" class="ax_default _形状">
              <div id="u941_div" class=""></div>
              <div id="u941_text" class="text ">
                <p><span>4.2 手机号注册</span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (作者简介) -->

      <!-- 标题栏 (动态面板) -->
      <div id="u943" class="ax_default" data-label="标题栏">
        <div id="u943_state0" class="panel_state" data-label="状态1" style="">
          <div id="u943_state0_content" class="panel_state_content">

            <!-- Unnamed (矩形) -->
            <div id="u944" class="ax_default _形状">
              <div id="u944_div" class=""></div>
              <div id="u944_text" class="text ">
                <p><span>作者姓名&nbsp; |&nbsp; 联系方式</span></p>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div id="u942" style="display:none; visibility:hidden;"></div>

      <!-- Unnamed (矩形) -->
      <div id="u945" class="ax_default _形状">
        <div id="u945_div" class=""></div>
        <div id="u945_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u946" class="ax_default _形状">
        <div id="u946_div" class=""></div>
        <div id="u946_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u947" class="ax_default _一级标题">
        <div id="u947_div" class=""></div>
        <div id="u947_text" class="text ">
          <p><span>注册入口，右上链接</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u948" class="ax_default _形状">
        <div id="u948_div" class=""></div>
        <div id="u948_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u949" class="ax_default _文本段落">
        <div id="u949_div" class=""></div>
        <div id="u949_text" class="text ">
          <p><span style="color:#AAAAAA;">登录注册即表明您已阅读并同意</span><span style="color:#D7D7D7;"> </span><span style="color:#70B603;">用户协议</span><span> </span><span style="color:#AAAAAA;">和 </span><span style="color:#70B603;">隐私政策 </span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u950" class="ax_default label">
        <img id="u950_img" class="img " src="images/4_1_手机号登录/u742.svg"/>
        <div id="u950_text" class="text ">
          <p><span>密码登录仅适用于已注册的用户</span></p>
        </div>
      </div>

      <!-- Unnamed (连接) -->
      <div id="u951" class="ax_default _连接线">
        <img id="u951_seg0" class="img " src="images/4_3_手机号注册/u951_seg0.svg" alt="u951_seg0"/>
        <img id="u951_seg1" class="img " src="images/4_3_手机号注册/u951_seg1.svg" alt="u951_seg1"/>
        <img id="u951_seg2" class="img " src="images/4_3_手机号注册/u951_seg2.svg" alt="u951_seg2"/>
        <img id="u951_seg3" class="img " src="images/4_3_手机号注册/u951_seg3.svg" alt="u951_seg3"/>
        <img id="u951_seg4" class="img " src="images/4_3_手机号注册/u951_seg4.svg" alt="u951_seg4"/>
        <div id="u951_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u952" class="ax_default _三级标题">
        <div id="u952_div" class=""></div>
        <div id="u952_text" class="text ">
          <p><span>密码登录</span></p>
        </div>
      </div>

      <!-- Unnamed (线段) -->
      <div id="u953" class="ax_default line">
        <img id="u953_img" class="img " src="images/4_1_手机号登录/u749.svg"/>
        <div id="u953_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (线段) -->
      <div id="u954" class="ax_default line">
        <img id="u954_img" class="img " src="images/4_1_手机号登录/u749.svg"/>
        <div id="u954_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u955" class="ax_default _三级标题">
        <div id="u955_div" class=""></div>
        <div id="u955_text" class="text ">
          <p><span>+86</span></p>
        </div>
      </div>

      <!-- Unnamed (SVG) -->
      <div id="u956" class="ax_default _图片_">
        <img id="u956_img" class="img " src="images/4_1_手机号登录/u752.svg"/>
        <div id="u956_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u957" class="ax_default _三级标题">
        <div id="u957_div" class=""></div>
        <div id="u957_text" class="text ">
          <p><span>请输入手机号</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u958" class="ax_default _三级标题">
        <div id="u958_div" class=""></div>
        <div id="u958_text" class="text ">
          <p><span>请输入6-16位密码</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u959" class="ax_default _三级标题">
        <div id="u959_div" class=""></div>
        <div id="u959_text" class="text ">
          <p><span>登录</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u960" class="ax_default label">
        <div id="u960_div" class=""></div>
        <div id="u960_text" class="text ">
          <p><span>忘记密码？</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u961" class="ax_default label">
        <div id="u961_div" class=""></div>
        <div id="u961_text" class="text ">
          <p><span>快捷注册</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u962" class="ax_default label">
        <div id="u962_div" class=""></div>
        <div id="u962_text" class="text ">
          <p><span>验证码登录</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u963" class="ax_default _形状">
        <div id="u963_div" class=""></div>
        <div id="u963_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u964" class="ax_default _一级标题">
        <div id="u964_div" class=""></div>
        <div id="u964_text" class="text ">
          <p><span>手机号注册</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u965" class="ax_default _形状">
        <div id="u965_div" class=""></div>
        <div id="u965_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u966" class="ax_default _文本段落">
        <div id="u966_div" class=""></div>
        <div id="u966_text" class="text ">
          <p><span style="color:#AAAAAA;">我已阅读并同意</span><span style="color:#D7D7D7;"> </span><span style="color:#70B603;">用户协议</span><span> </span><span style="color:#AAAAAA;">和 </span><span style="color:#70B603;">隐私政策 </span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u967" class="ax_default _三级标题">
        <div id="u967_div" class=""></div>
        <div id="u967_text" class="text ">
          <p><span>手机号注册</span></p>
        </div>
      </div>

      <!-- Unnamed (线段) -->
      <div id="u968" class="ax_default line">
        <img id="u968_img" class="img " src="images/4_1_手机号登录/u749.svg"/>
        <div id="u968_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (线段) -->
      <div id="u969" class="ax_default line">
        <img id="u969_img" class="img " src="images/4_1_手机号登录/u749.svg"/>
        <div id="u969_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u970" class="ax_default _三级标题">
        <div id="u970_div" class=""></div>
        <div id="u970_text" class="text ">
          <p><span>+86</span></p>
        </div>
      </div>

      <!-- Unnamed (SVG) -->
      <div id="u971" class="ax_default _图片_">
        <img id="u971_img" class="img " src="images/4_1_手机号登录/u752.svg"/>
        <div id="u971_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u972" class="ax_default _三级标题">
        <div id="u972_div" class=""></div>
        <div id="u972_text" class="text ">
          <p><span>请输入手机号</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u973" class="ax_default _三级标题">
        <div id="u973_div" class=""></div>
        <div id="u973_text" class="text ">
          <p><span>输入验证码</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u974" class="ax_default _三级标题">
        <div id="u974_div" class=""></div>
        <div id="u974_text" class="text ">
          <p><span>登录</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u975" class="ax_default label">
        <div id="u975_div" class=""></div>
        <div id="u975_text" class="text ">
          <p><span>手机号登录</span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u976" class="ax_default" data-left="693" data-top="552" data-width="16" data-height="16">

        <!-- Unnamed (矩形) -->
        <div id="u977" class="ax_default box_3">
          <div id="u977_div" class=""></div>
          <div id="u977_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (图片 ) -->
        <div id="u978" class="ax_default image">
          <img id="u978_img" class="img " src="images/4_3_手机号注册/u978.png"/>
          <div id="u978_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u979" class="ax_default box_3">
        <div id="u979_div" class=""></div>
        <div id="u979_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (圆形) -->
      <div id="u980" class="ax_default _形状">
        <img id="u980_img" class="img " src="images/4_1_手机号登录/u772.svg"/>
        <div id="u980_text" class="text ">
          <p><span>1</span></p>
        </div>
      </div>

      <!-- Unnamed (连接) -->
      <div id="u981" class="ax_default _连接线">
        <img id="u981_seg0" class="img " src="images/4_3_手机号注册/u981_seg0.svg" alt="u981_seg0"/>
        <img id="u981_seg1" class="img " src="images/4_3_手机号注册/u981_seg1.svg" alt="u981_seg1"/>
        <img id="u981_seg2" class="img " src="images/4_3_手机号注册/u981_seg2.svg" alt="u981_seg2"/>
        <div id="u981_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (圆形) -->
      <div id="u982" class="ax_default _形状">
        <img id="u982_img" class="img " src="images/4_1_手机号登录/u772.svg"/>
        <div id="u982_text" class="text ">
          <p><span>1</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u983" class="ax_default _形状">
        <div id="u983_div" class=""></div>
        <div id="u983_text" class="text ">
          <p><span>获取验证码</span></p>
        </div>
      </div>

      <!-- Unnamed (线段) -->
      <div id="u984" class="ax_default line">
        <img id="u984_img" class="img " src="images/4_1_手机号登录/u749.svg"/>
        <div id="u984_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u985" class="ax_default _三级标题">
        <div id="u985_div" class=""></div>
        <div id="u985_text" class="text ">
          <p><span>请输入6-16位密码</span></p>
        </div>
      </div>

      <!-- Unnamed (圆形) -->
      <div id="u986" class="ax_default _形状">
        <img id="u986_img" class="img " src="images/4_1_手机号登录/u772.svg"/>
        <div id="u986_text" class="text ">
          <p><span>2</span></p>
        </div>
      </div>

      <!-- Unnamed (连接) -->
      <div id="u987" class="ax_default _连接线">
        <img id="u987_seg0" class="img " src="images/4_3_手机号注册/u987_seg0.svg" alt="u987_seg0"/>
        <img id="u987_seg1" class="img " src="images/4_3_手机号注册/u987_seg1.svg" alt="u987_seg1"/>
        <img id="u987_seg2" class="img " src="images/4_3_手机号注册/u987_seg2.svg" alt="u987_seg2"/>
        <div id="u987_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u988" class="ax_default _一级标题">
        <div id="u988_div" class=""></div>
        <div id="u988_text" class="text ">
          <p><span>2.&nbsp; 验证码按钮</span></p><p><span>勾选状态如旁边</span></p><p><span>登录按钮可以点击状态： 手机号，验证码，密码，checkbox 都必须全部填写和勾选才可以，</span></p>
        </div>
      </div>

      <!-- Unnamed (线段) -->
      <div id="u989" class="ax_default _水平线">
        <img id="u989_img" class="img " src="images/4_2_忘记密码/u853.svg"/>
        <div id="u989_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (圆形) -->
      <div id="u990" class="ax_default _形状">
        <img id="u990_img" class="img " src="images/4_1_手机号登录/u772.svg"/>
        <div id="u990_text" class="text ">
          <p><span>2</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u991" class="ax_default _一级标题">
        <div id="u991_div" class=""></div>
        <div id="u991_text" class="text ">
          <p><span>3&nbsp; 验证流程</span></p><p><span>a&nbsp; 手机号是否正确</span></p><p><span>b&nbsp; 验证码是否正确</span></p><p><span>c&nbsp;&nbsp; 密码设置是否合理，密码是否6-12位，是否是数字字母下划线组合，</span></p>
        </div>
      </div>

      <!-- Unnamed (线段) -->
      <div id="u992" class="ax_default _水平线">
        <img id="u992_img" class="img " src="images/4_2_忘记密码/u853.svg"/>
        <div id="u992_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u993" class="ax_default _一级标题">
        <div id="u993_div" class=""></div>
        <div id="u993_text" class="text ">
          <p><span>1.&nbsp; 勾选同意状态</span></p><p><span>勾选状态如上所示</span></p><p><span><br></span></p>
        </div>
      </div>

      <!-- Unnamed (线段) -->
      <div id="u994" class="ax_default _水平线">
        <img id="u994_img" class="img " src="images/4_2_忘记密码/u853.svg"/>
        <div id="u994_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u995" class="ax_default _一级标题">
        <div id="u995_div" class=""></div>
        <div id="u995_text" class="text ">
          <p style="font-size:13px;"><span style="font-family:'PingFangHK-Regular', 'PingFang HK', sans-serif;font-weight:400;color:#7F7F7F;">4.&nbsp; 登录按钮状态</span></p><p style="font-size:13px;"><span style="font-family:'PingFangHK-Regular', 'PingFang HK', sans-serif;font-weight:400;color:#7F7F7F;">登录按钮可以点击状态： 手机号，验证码，密码，checkbox 都必须全部填写和勾选才可以，</span></p><p style="font-size:12px;"><span style="font-family:'PingFangSC-Semibold', 'PingFang SC Semibold', 'PingFang SC', sans-serif;font-weight:650;"><br></span></p>
        </div>
      </div>

      <!-- Unnamed (线段) -->
      <div id="u996" class="ax_default _水平线">
        <img id="u996_img" class="img " src="images/4_2_忘记密码/u853.svg"/>
        <div id="u996_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>
    </div>
    <script src="resources/scripts/axure/ios.js"></script>
  </body>
</html>
